<div class="lucky-fullScreen">
  <div [ngClass]="visible ? 'shadow' : ''">
    <div class="title lucky-flexCenter">{{ luckyDog.title }}</div>
    <div class="randomData lucky-flexCenter">{{ randomData }}</div>
    <div class="lucky-flexCenter excute">
      <button
        [disabled]="disabled"
        [ngClass]="excute ? 'stop' : 'start'"
        size="large"
        class="lucky-shadow--basic lucky-radius--big"
        (click)="onExcute()"
      >
        {{ excute ? "暂停" : "开始" }}
      </button>
    </div>
    <div class="other lucky-flexCenter ">
      <button class="reset" (click)="reset()">
        重置
      </button>
      <span class="line"></span>
      <button class="info" (click)="open()">
        查看信息
      </button>
      <span class="line"></span>
      <button (click)="back()">
        返回后台
      </button>
    </div>
  </div>
  <app-lucky-info
    class="lucky-info"
    *ngIf="visible"
    (closeEvent)="close()"
    [info]="info"
  ></app-lucky-info>
</div>
